<%@ page contentType="text/html; charset=UTF-8" language="java" pageEncoding="UTF-8"%>
<%@include file="/common/taglibs.jsp"%>
<%@include file="/common/javascript.jsp" %>
<html xmlns="http://www.w3.org/1999/xhtml" id="teacherForm">
<head>
    <title>播放${id}课件</title>
    <base target="_self"/>
    <style>
        .l-table-edit-td { padding: 2px; }
        html, body	{ height:100%; }
		body { margin:0; padding:0; overflow:auto; }   
		#flashContent { display:none; }
    </style>
    <script type="text/javascript" src="${ctx}/static/js/flashpaper/flexpaper_flash.js"></script>
    <script type="text/javascript">
    var pType = "${pType}";
    if (pType != "flv"){
    	$(function (){
    		$('a.media').media({width:1200, height:1000});
    	});
    }
    
 </script>
</head>

<body>
	<table cellpadding="0" cellspacing="0" class="l-table-edit" style="width: 90%; margin-top:10px; margin-left:15px;">
	    
		<tr> 
			<td colspan="4">
			<c:if test="${pType=='swf'}">
				<div style="position:absolute;left:10px;top:10px;">
					<a id="viewerPlaceHolder" style="width:900px;height:800px;display:block"></a>
			        <script type="text/javascript">
			        	var swfUrl="${ctx}/download/material/${id}";
			     		var fp = new FlexPaperViewer(	
								 '${ctx}/static/js/flashpaper/FlexPaperViewer',
								 'viewerPlaceHolder', { config : {
								 SwfFile : escape(swfUrl),
								 Scale : 0.6, 
								 ZoomTransition : 'easeOut',
								 ZoomTime : 0.5,
								 ZoomInterval : 0.2,
								 FitPageOnLoad : true,
								 FitWidthOnLoad : true,
								 PrintEnabled : false,
								 FullScreenAsMaxWindow : false,
								 ProgressiveLoading : true,
								 MinZoomSize : 0.2,
								 MaxZoomSize : 5,
								 SearchMatchAll : false,
								 InitViewMode : 'Portrait',
								 
								 ViewModeToolsVisible : true,
								 ZoomToolsVisible : true,
								 NavToolsVisible : true,
								 CursorToolsVisible : false,
								 SearchToolsVisible : true,
		  						
		  						 localeChain: 'zh_CN'
						}});
			        </script>
		        </div>
			</c:if>
			</td>
		</tr>
	</table>
</body>
</html>
